<!DOCTYPE html>
<html>
    <head>
        <title>
            Snow-中国冰雪旅游城市集成大数据网站
        </title>
        <meta charset="utf-8">
            <link href="../css/snowcity-main.css" rel="stylesheet" type="text/css">
                <link href="../css/bootstrap.min.css" rel="stylesheet" type="text/css">
                    <script src="../js/jquery-3.2.1.js" type="text/javascript">
                    </script>
                    <script src="../js/Introduct.js" type="text/javascript">
                    </script>
                    <script src="../js/index.js" type="text/javascript">
                    </script>
                    <script src="../js/chajian/snowCity.js" type="text/javascript">
                    </script>
                </link>
            </link>
        </meta>
    </head>
</html>
<body>
    <div class="header">
        <div class="logo">
            <img class="logo-img" src="../img/logo-4.png">
            </img>
        </div>
        <span class="logo-title">
            冰雪大数据集成系统
        </span>
    </div>
</body>

<nav class="navbar" role="navigation">
    <div class="container">
        <ul class="nav nav-pills navbar-left">
            <li class="active">
                <a href="snowcity-main.html">
                    广场
                </a>
            </li>
            <li>
                <a href="City_anyn.html">
                    数据
                </a>
            </li>
            <li>
                <a href="#">
                   攻略
                </a>
            </li>
            <li>
                <a href="#">
                    我的
                </a>
            </li>
            <li>
                <a href="about.html">
                    关于
                </a>
            </li>
        </ul>
        <div class="search">
            <form action="#" class="navbar-form navbar-left" role="search">
                <div class="form-group has-feedback">
                    <span class="glyphicon glyphicon-search form-control-feedback ">
                    </span>
                    <input class="form-control" placeholder="Search" type="text">
                    </input>
                </div>
            </form>
        </div>
    </div>
</nav>

<div class="Video_m">
    <img class="bgvid" src="../img/7.jpg">
    </img>
</div>
<div class="City_intro">
    <div class="Snow_City">
        冰雪城市
    </div>
    <div class="bd_con4">
       <!--  <div class="bd_t3"></div> -->
        
        <div class="bd_c4l">
            <ul>
                <li class="bd_cutLi" name="123">
                    哈尔滨
                </li>
                <li>
                    伊春
                </li>
                <li>
                    吉林
                </li>
                <li>
                    长春
                </li>
                <li>
                    呼伦贝尔
                </li>
                <li>
                    张家口
                </li>
                <li>
                    延庆
                </li>
                <li>
                    牡丹江
                </li>
                <li>
                    沈阳
                </li>
                <li>
                    乌鲁木齐
                </li>
                <li>
                    阿泰勒
                </li>
                <li style="margin-right: 0px;">
                    漠河
                </li>
            </ul>
        </div>
    
        <div class="bd_c4r">
            <div class="bd_c4top">
                <!-- <a class="bd_lbtn" href="#">
                </a> -->
                <div class="bd_chgBox">
                    <div class="bd_long">
                        <ul>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo1.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo2.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo3.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo4.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo5.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo6.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo5.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo2.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo4.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo3.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo2.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                            <li>
                                <div class="bc_chgTitle">
                                </div>
                                <a href="#">
                                    <img src="../img/bd_photo1.jpg"/>
                                </a>
                                <p>
                                    <a href="#">
                                    </a>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- <a class="bd_rbtn" href="#"> -->
                </a>
            </div>
        </div>
    </div>
<div class="intro-bg">
    <ul class="intro-block">
        <p class="Snow_City">
            景点推荐
        </p>
        <li>
            <a>
                <img class="v-img" src="../img/journey.jpg">
                    <div class="scene">
                        <p class="scene-name">
                        </p>
                        <div class="scene-decription">
                        </div>
                    </div>
                </img>
            </a>
        </li>
        <li>
            <a>
                <img class="v-img" src="../img/500.jpg">
                    <div class="scene">
                        <p class="scene-name">
                        </p>
                        <p class="scene-decription">
                        </p>
                    </div>
                </img>
            </a>
        </li>
        <li>
            <a>
                <img class="v-img" src="../img/journey.jpg">
                    <div class="scene">
                        <p class="scene-name">
                        </p>
                        <p class="scene-decription">
                        </p>
                    </div>
                </img>
            </a>
        </li>
    </ul>
</div>
<ul id="ul1">
    <li style="background-image: url(../img/bd_photo7.jpg);background-size:cover;">
        <h2>
            标题1
        </h2>
        <p>
            这是第1格
        </p>
    </li>
    <li style="background-image: url(../img/bd_photo1.jpg);background-size:cover;">
        <h2>
            标题2
        </h2>
        <p>
            这是第2格
        </p>
    </li>
    <li style="background-image: url(../img/bd_photo4.jpg);background-size:cover;">
        <h2>
            标题3
        </h2>
        <p>
            这是第3格
        </p>
    </li>
    <li style="background-image: url(../img/bd_photo3.jpg);background-size:cover;">
        <h2>
            标题4
        </h2>
        <p>
            这是第4格
        </p>
    </li>
</ul>
<div class="strategy">
    <p class="Snow_City">
        旅游攻略
    </p>
    <ul id="box">
        <li style="background: url(../img/bd_photo5.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
        <li style="background: url(../img/bd_photo6.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
        <li style="background: url(../img/bd_photo4.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
        <li style="background: url(../img/bd_photo3.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
        <li style="background: url(../img/bd_photo2.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
        <li style="background: url(../img/bd_photo1.jpg) center no-repeat;background-size: cover;">
            <a href="javascript:;">
                <span>
                </span>
            </a>
        </li>
    </ul>
</div>
<center>
    <div class="Contact_us">
        <div class="Contact_title">
            <center>
                <h2>
                    联系我们
                </h2>
            </center>
        </div>
        <div class="Contact_content">
            <div class="Contact_content_left">
                <input name="text" placeholder="Name" type="text">
                    <input name="text" placeholder="Email" type="text">
                        <input name="text" placeholder="Phone" type="text">
                        </input>
                    </input>
                </input>
            </div>
            <div class="Contact_content_right">
                <input name="text" placeholder="Messages" type="text">
                </input>
            </div>
        </div>
        <div class="Contact_content_foot">
            <input name="text" placeholder="Send Messages" type="text"/>
        </div>
    </div>
</center>
<div class="footer">
    <div class="footer-main">
        <p>
            Snow为国内最专业的冰雪旅游大数据集成系统，致力于冰雪旅游的研究。
        </p>
        <p>
            数据提供：百度百科，搜狗百科
        </p>
        <p>
            赞助商为陈于希老板，张伟高老板
        </p>
    </div>
    <div class="footer-pic">
        <div class="rightside">
            <img src="../img/1.jpg">
                <img src="../img/2.jpg">
                    <img src="../img/3.jpg">
                        <img src="../img/4.jpg">
                            <img src="../img/7.jpg">
                                <img src="../img/6.jpg">
                                </img>
                            </img>
                        </img>
                    </img>
                </img>
            </img>
        </div>
    </div>
</div>